<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="scss/index.css" />
    <title>Layabox</title>
</head>

<body>
    <div class="box">
        <!-- 头部导航栏 -->
        <header>
            <nav class="navbar navbar-default navbar-inverse">
                <div class="container">
                    <!--------logo-------->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="headlogo" href="#">
                            <img src="images/logo.png" />
                        </a>
                    </div>
                    <!----------导航栏---------->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            <li class="active">
                                <a href="">首页<span class="sr-only">(current)</span></a>
                            </li>
                            <li>
                                <a href="">Laya家族</a>
                            </li>
                            <li>
                                <a href="">游戏</a>
                            </li>
                            <li>
                                <a href="">新闻动态</a>
                            </li>
                            <li>
                                <a href="#">开发者中心</a>
                            </li>
                            <li>
                                <a href="#">开发者社区</a>
                            </li>
                            <li>
                                <a href="#">开放平台</a>
                            </li>
                            <li>
                                <a href="#">关于我们</a>
                            </li>
                        </ul>
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                    aria-haspopup="true" aria-expanded="false">Language<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">中文</a>
                                    </li>
                                    <li>
                                        <a href="#">English</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </header>
        <section>
            <!-- 背景图 -->
            <div class="bg">
                <div class="container">
                    <div class="row">
                        <div class=".col-lg-12 .col-md-12 .col-sm-12 .col-xs-12">
                            <img src="./images/bg.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!-- Laya引擎 -->
            <div class="engine">
                <div class="container">
                    <div class="row">
                        <div class=".col-lg-12 .col-md-12 .col-sm-12 .col-xs-12">
                            <div class="row">
                                <div class="fadeInLeft">
                                    <p class="eng_title">LayaFlash 引擎</p>
                                    <p class="eng_content">让Flash技术变成开发HTML5产品的利器</p>
                                </div>
                            </div>
                            <div class="row">
                            </div>
                        </div>
                    </div>
                </div>

        </section>












        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
            crossorigin="anonymous"></script>
    </div>
</body>

</html>